<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
</head>

<body>
  <div id="container">
    #include("@/common/dialog/index.html")
    #include("@/common/header/index.html")
    #include("@/common/side-nav/index.html")

    <div class="main-container">
      <div id="slider" class="owl-carousel owl-theme">
        <a class="item"><img src="#include('@/assets/img/slide1.jpg')" alt=""></a>
        <a class="item"><img src="#include('@/assets/img/slide2.jpg')" alt=""></a>
      </div>
      <div class="index-card">
        <div class="index-card-inner">
          <h1>人气榜</h1>
          <div class="border"></div>
  
          <div class="index-card-row">
            <div class="index-card-col">
              <div class="index-card-col-content">
                <img alt="">
                <div class="name"></div>
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="show-card">
        <img src="#include('@/assets/img/bg2.jpg')" alt="">
      </div>
      <div class="index-space">
        <div class="index-space-title">
          <p class="index-space-title__main">奶茶的世界</p>
          <p class="index-space-title__minor">The world of tea with milk</p>
        </div>
        <div class="index-space-row">
          <div class="col">
            <img src="#include('@/assets/img/bg.jpg')" alt="">
            <p>门店信息</p>
          </div>
          <div class="col">
            <img src="#include('@/assets/img/bg.jpg')" alt="">
            <p>寻好茶</p>
          </div>
          <div class="col">
            <img src="#include('@/assets/img/bg.jpg')" alt="">
            <p>茶礼盒</p>
          </div>
          <div class="col">
            <img src="#include('@/assets/img/bg.jpg')" alt="">
            <p>奶茶~</p>
          </div>
        </div>
      </div>
  
      <div class="index-card-product">
        <div class="index-card-product-col">
          <p class="title">研发生产</p>
          <div class="content">拥有独立的产品研发团队，自主研发好产品。甄选全球优质原料，实现核心原料自产化，严控出品，并且拥有多项专利技术。</div>
        </div>
        <div class="index-card-product-col">
          <p class="title">仓储物流</p>
          <div class="content">在全国各地建立仓储物流中心，以郑州为中心，由点到面覆盖全国，并推行物流免运费政策，体现了强大高效的物流服务。</div>
        </div>
        <div class="index-card-product-col">
          <p class="title">研发生产</p>
          <div class="content">拥有独立的产品研发团队，自主研发好产品。甄选全球优质原料，实现核心原料自产化，严控出品，并且拥有多项专利技术。</div>
        </div>
        <div class="index-card-product-col">
          <p class="title">运营管理</p>
          <div class="content">全面负责蜜雪冰城品牌的运营管理，制定经营战略，并对门店的服务、品质标准等进行全方位培训，提升品牌在全国的知名度和竞争力。</div>
        </div>
      </div>
    </div>
    #include("@/common/footer/index.html")
  </div>
</body>

</html>